<template>
  <div class="app-page">
    <div class="demo-address-title title">default</div>
    <swiper :imgs="imgs"></swiper>

    <div class="demo-address-title title">defaultIndex : 2</div>
    <swiper :imgs="imgs" :defaultIndex="1"></swiper>

    <div class="demo-address-title title">auto play</div>
    <swiper :auto="true" :imgs="imgs"></swiper>
  </div>
</template>


<script type="text/javascript">

  import swiper from '../../packages/swiper';

  export default {
    data() {
      return {
          imgs : [
            {
              imgUrl:'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3660092960,2510943983&fm=15&gp=0.jpg' 
            },
            {
              imgUrl:'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=52317448,4275287853&fm=15&gp=0.jpg' , 
              href:'/demo/demo'
            },
            {
              imgUrl:'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=524793706,3113878690&fm=23&gp=0.jpg' , 
              href:'/demo/demo'
            }
          ]
        }
    },
    components:{
      swiper : swiper
    }
  };
</script>

<style type="text/css">
  .demo-address-title{
    background: #fff;
  }
</style>